<template>
  <div>
    <!-- 头部 -->
    <el-row>
        <el-col :span="6">
            <div class="grid-content bg-purple">
                <span class="loginText" v-if="userName == '' || userName == null">亲，请登陆</span>
                <span v-else>&nbsp;</span>
            </div>
        </el-col>
        <el-col :span="6">
            <div class="grid-content bg-purple-light">
                <span class="registrtionText" v-if="userName == '' || userName == null">免费注册</span>
                <span v-else>&nbsp;</span>
            </div>
        </el-col>
        <el-col :span="6">
            <div class="grid-content bg-purple"></div>
        </el-col>
        <el-col :span="6">
            <div class="grid-content bg-purple-light"></div>
        </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
    name: "ShopMainEntry",
    data() { 
        return {
            userName: "", //  用户名
        }
    },
    methods: { 

    },
    created() {

    }
}
</script>

<style scoped>
@import "../assets/css/ShopMainEntry.css";
</style>>